<%--<%@ page import="java.time.LocalTime" %>--%>
<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%--<!DOCTYPE html>--%>
<%--<html>--%>
<%--<head>--%>
<%--    <title>JSP - Hello World</title>--%>
<%--</head>--%>
<%--<body>--%>
<%--<h1><%= "Hello World!" %>--%>
<%--</h1>--%>
<%--<br/>--%>
<%--    <a href="hello-servlet">Hello Servlet</a>--%>
<%--    <a href="${pageContext.request.contextPath}/Liu_Test/ShowLocalTime.html">跳转页面显示时间</a>--%>
<%--</body>--%>
<%--</html>--%>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="${pageContext.request.contextPath}/css/bootstrap.min.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/js/bootstrap.min.js" rel="stylesheet">
    <title>电影网-为您抢购电影票</title>
    <style>
        .div1
        {
            color: white;
            font-size: 33px;
            font-weight: 800;
            font-style: oblique;
        }
        .div3
        {
            color: black;
            font-size: 23px;
            font-weight: 600;
        }
        .div4
        {
            color: orange;
            font-size: 30px;
            font-weight: 1000;
            font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
        }
        .div5
        {
            color: rgba(148, 137, 137, 0.836);
            font-size: 30px;
        }
        .div6
        {
            direction: ltr;
            scroll-behavior: smooth;
            font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
        }
        .font_a
        {
            color: gray;
            font-size: 25px;
            font-weight: 800;
        }
        .font_b {
            color: cornflowerblue;
            font-size: 25px;
            font-weight: 800;
        }
        .p1
        {
            border: 1px rgb(224, 224, 224) solid;
            opacity: 0.8;
            background-color: honeydew;
        }
        .button1
        {
            background-color: orange;
            color: white;
        }
        .button2
        {
            font-size: 15px;
            background-color: orange;
            color: white;
        }
        .span1
        {
            font-weight: 540;
            font-size: 25px;
        }
        .sm1
        {
            font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
            color: rgba(126, 117, 117, 0.836);
        }
        .h_d
        {
            font-weight: 540;
            /*font: bold;*/
        }
        .a_d
        {
            font-weight: 540;
            font-size: 20px;
            color: gray;
        }
        a:hover
        {
            color: rgb(255, 145, 0);
        }
        .dis
        {
            background-color: rgba(15, 17, 17, 0.25);
            /*background:rgba(15, 17, 17, 0.7);*/
            height: 332px;
        }
    </style>
</head>
<body style="background-color: rgb(218,211,211);">
<div class="container-fluid mt-2 shadow" style="background-color:white; height: 100px;">
    <div class="row">
        <div class="col-md-1"></div>
        <div class="col-md-2 div1 text-center" style="background-color: orange;">
            电影网<br>www.dyw.cn
        </div>
        <div class="col-md-1"></div>
        <div class="col-md-4 row">
            <div class="col-md-3 mt-4">
                <a href="${pageContext.request.contextPath}/index.jsp" class="font_a">首页</a>
            </div>
            <div class="col-md-3 mt-4">
                <a href="${pageContext.request.contextPath}/Sub_Page/index_movie.html" class="font_a">电影</a>
            </div>
            <div class="col-md-3 mt-4">
                <a href="${pageContext.request.contextPath}/Sub_Page/index_cinema.html" class="font_a">影院</a>
            </div>
            <div class="col-md-3 mt-4">
                <a href="${pageContext.request.contextPath}/Sub_Page/index_information.html" class="font_a">资讯</a>
            </div>
        </div>
        <div class="col-md-4">
            <div class="row">
                <div class="col-md-6"></div>
                <div class="col-md-2 mt-4">
                    <a href="${pageContext.request.contextPath}/Sub_Page/login.html" class="font_b">登录</a>
                </div>
                <div class="col-md-4 mt-4">
                    <a href="${pageContext.request.contextPath}/Sub_Page/regist.html" class="font_a">免费注册</a>
                </div>
            </div>
        </div>
    </div>
</div>
<!--轮播图-->
<div class="container-fluid dis" style="background-color: gray;">
    <div class="row">
        <div class="col-md-2"></div>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <div class="col-md-6 ml-3">
            <iframe src="${pageContext.request.contextPath}/Sub_Page/test.html"
                    frameborder=0 marginheight=0 marginwidth=0 scrolling=no
                    style="background-color: rgba(15, 17, 17, 0.5);"
                    width=800 height=300
                    class="mt-3">
            </iframe>
        </div>
    </div>
</div>
<!--轮播图-->
<div class="container-fluid mt-2" style="background-color: white;">
    <div class="row">
        <div class="col-md-1"></div>
        <div class="col-md-11 div3">正在热映</div>
    </div>
    <div class="row">
        <div class="col-md-1"></div>
        <div class="col-md-2 portfolio-item mt-2">
            <div class="portfolio-wrap">
                <a href="${pageContext.request.contextPath}/Sub_Page/film-detail-1.html">
                    <img src="${pageContext.request.contextPath}/Picture/爱情神话.png" class="img-fluid" alt="">
                </a>
                <div class="portfolio-info text-center">
                    <h4>爱情神话</h4>
                    <p class="p1">
                        李小姐（马伊琍 饰），带着女儿过着单身生活。蓓蓓（吴越 饰），离婚后热衷跳探戈。
                        格洛瑞亚（倪虹洁 饰），有钱有闲老公失踪。三个完全不同......
                    </p>
                    <button type="button" class="btn btn-circle button1">
                        <a href="${pageContext.request.contextPath}/Sub_Page/film-detail-1.html">立即购票</a>
                    </button>
                </div>
            </div>
        </div>
        <div class="col-sm-6 portfolio-item mt-2 row">
            <!--First Image-->
            <div class="col-lg-3 col-md-6 portfolio-item"> <!--portfolio-item -> For every individual image-->
                <!--for wrapping image with description-->
                <div class="portfolio-wrap"><!-- portfolio-wrap -> Wrap image with description of image-->
                    <a href="${pageContext.request.contextPath}/Sub_Page/film-detail-2.html">
                        <img src="${pageContext.request.contextPath}/Picture/雄狮少年.jpg" class="img-fluid" alt="">
                    </a><!--img-fluid -> Set responsive image-->
                    <!--Image description-->
                    <div class="portfolio-info text-center"><!--portfolio-info -> For providing description about image-->
                        <h6 class="h_d mt-1">雄狮少年</h6>
                        <a href="${pageContext.request.contextPath}/Sub_Page/film-detail-2.html">
                            <button type="button" class="btn btn-circle button2">立即购票</button>
                        </a>
                    </div>
                </div>
            </div>

            <!--Second Image-->
            <div class="col-lg-3 col-md-6 portfolio-item">
                <!--for wrapping image with description-->
                <div class="portfolio-wrap">
                    <a href="${pageContext.request.contextPath}/Sub_Page/film-detail-3.html">
                        <img src="${pageContext.request.contextPath}/Picture/向着明亮那方.jpg" class="img-fluid" alt="">
                    </a>
                    <!--Image description-->
                    <div class="portfolio-info text-center">
                        <h6 class="h_d mt-1">向着明亮那方</h6>
                        <a href="${pageContext.request.contextPath}/Sub_Page/film-detail-3.html">
                            <button type="button" class="btn btn-circle button2">立即购票</button>
                        </a>
                    </div>
                </div>
            </div>

            <!--Third Image-->
            <div class="col-lg-3 col-md-6 portfolio-item">
                <!--for wrapping image with description-->
                <div class="portfolio-wrap">
                    <a href="${pageContext.request.contextPath}/Sub_Page/film-detail-4.html">
                        <img src="${pageContext.request.contextPath}/Picture/以年为单位的恋爱.jpg" class="img-fluid" alt="">
                    </a>
                    <!--Image description-->
                    <div class="portfolio-info text-center">
                        <h6 class="h_d mt-1">以年为单位的恋爱</h6>
                        <a href="${pageContext.request.contextPath}/Sub_Page/film-detail-4.html">
                            <button type="button" class="btn btn-circle button2">立即购票</button>
                        </a>
                    </div>
                </div>
            </div>

            <!--Forth Image-->
            <div class="col-lg-3 col-md-6 portfolio-item">
                <!--for wrapping image with description-->
                <div class="portfolio-wrap">
                    <a href="${pageContext.request.contextPath}/Sub_Page/film-detail-5.html">
                        <img src="${pageContext.request.contextPath}/Picture/长津湖.jpg" class="img-fluid" alt="">
                    </a>
                    <!--Image description-->
                    <div class="portfolio-info text-center">
                        <h6 class="h_d mt-1">长津湖</h6>
                        <a href="${pageContext.request.contextPath}/Sub_Page/film-detail-5.html">
                            <button type="button" class="btn btn-circle button2">立即购票</button>
                        </a>
                    </div>
                </div>
            </div>
            <br>
            <!--First Image-->
            <div class="col-lg-3 col-md-6 portfolio-item"> <!--portfolio-item -> For every individual image-->
                <!--for wrapping image with description-->
                <div class="portfolio-wrap"><!-- portfolio-wrap -> Wrap image with description of image-->
                    <a href="${pageContext.request.contextPath}/Sub_Page/film-detail-6.html">
                        <img src="${pageContext.request.contextPath}/Picture/东北虎.jpg" class="img-fluid" alt="">
                    </a><!--img-fluid -> Set responsive image-->
                    <!--Image description-->
                    <div class="portfolio-info text-center"><!--portfolio-info -> For providing description about image-->
                        <h6 class="h_d mt-1">东北虎</h6>
                        <a href="${pageContext.request.contextPath}/Sub_Page/film-detail-6.html">
                            <button type="button" class="btn btn-circle button2 mt-1">立即购票</button>
                        </a>
                    </div>
                </div>
            </div>

            <!--Second Image-->
            <div class="col-lg-3 col-md-6 portfolio-item">
                <!--for wrapping image with description-->
                <div class="portfolio-wrap">
                    <a href="${pageContext.request.contextPath}/Sub_Page/film-detail-7.html">
                        <img src="${pageContext.request.contextPath}/Picture/误杀Ⅱ.jpg" class="img-fluid" alt="">
                    </a>
                    <!--Image description-->
                    <div class="portfolio-info text-center">
                        <h6 class="h_d mt-1">误杀Ⅱ</h6>
                        <a href="${pageContext.request.contextPath}/Sub_Page/film-detail-7.html">
                            <button type="button" class="btn btn-circle button2">立即购票</button>
                        </a>
                    </div>
                </div>
            </div>

            <!--Third Image-->
            <div class="col-lg-3 col-md-6 portfolio-item">
                <!--for wrapping image with description-->
                <div class="portfolio-wrap">
                    <a href="${pageContext.request.contextPath}/Sub_Page/film-detail-8.html">
                        <img src="${pageContext.request.contextPath}/Picture/反贪风暴5.jpg" class="img-fluid" alt="">
                    </a>
                    <!--Image description-->
                    <div class="portfolio-info text-center">
                        <h6 class="h_d mt-1">反贪风暴5</h6>
                        <a href="${pageContext.request.contextPath}/Sub_Page/film-detail-8.html">
                            <button type="button" class="btn btn-circle button2">立即购票</button>
                        </a>
                    </div>
                </div>
            </div>

            <!--Forth Image-->
            <div class="col-lg-3 col-md-6 portfolio-item">
                <!--for wrapping image with description-->
                <div class="portfolio-wrap">
                    <a href="${pageContext.request.contextPath}/Sub_Page/film-detail-9.html">
                        <img src="${pageContext.request.contextPath}/Picture/魔法满屋.jpg" class="img-fluid" alt="">
                    </a>
                    <!--Image description-->
                    <div class="portfolio-info text-center">
                        <h6 class="h_d mt-1">魔法满屋</h6>
                        <a href="${pageContext.request.contextPath}/Sub_Page/film-detail-9.html">
                            <button type="button" class="btn btn-circle button2">立即购票</button>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-2 mr-4">
            <div class="span1 text-center">
                <hr>
                影片热度榜
                <hr>
                <a href="${pageContext.request.contextPath}/Sub_Page/film-detail-1.html" class="a_d">爱情神话&nbsp;&nbsp;2050人关注</a><br><hr>
                <a href="${pageContext.request.contextPath}/Sub_Page/film-detail-6.html" class="a_d">东北虎&nbsp;&nbsp;1765人关注</a><br><hr>
                <a href="${pageContext.request.contextPath}/Sub_Page/film-detail-7.html" class="a_d">误杀Ⅱ&nbsp;&nbsp;1564人关注</a><br><hr>
                <a href="${pageContext.request.contextPath}/Sub_Page/film-detail-2.html" class="a_d">雄狮少年&nbsp;&nbsp;1283人关注</a><br><hr>
                <a href="${pageContext.request.contextPath}/Sub_Page/film-detail-5.html" class="a_d">长津湖&nbsp;&nbsp;1036人关注</a><br><hr>
                <a href="${pageContext.request.contextPath}/Sub_Page/film-detail-8.html" class="a_d">反贪风暴&nbsp;&nbsp;788人关注</a>
            </div>
        </div>
        <div class="col-md-1"></div>
    </div>
    <div class="container text-center div6">
        <marquee>想要知道更多影视资讯，请关注电影网~</marquee>
    </div>
</div>
<div class="container-fluid">
    <div class="row">
        <div class="col-md-2 div4 text-center mt-3">
            电影网<br>www.dyw.cn
        </div>
        <div class="col-md-4"></div>
        <div class="col-md-3 div5 mt-3">
            <span style="color: black;">客服电话: 410-647-6688</span><br>
            <small>服务时间: 9:00-21:00</small>
        </div>
        <div class="col-md-3 div5 mt-3">
            <small>企业团购请详细咨询</small>
            <span style="color: black;">电话: 13461582649</span>
        </div>
    </div>
    <hr>
    <small class="sm1">豫ICP备15698号-1 Copyright @2022-2025 dyw.cn 版权所有 电影网(郑州) 网络科技有限大学</small>
</div>
</body>
</html>